<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>


<!DOCTYPE HTML>
	<head>
		<title>Perfect Destination Traveling Website Template | Home</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link href="css/style.css" rel="stylesheet" type="text/css"  media="all" />	
		<link rel="stylesheet" href="css/responsiveslides.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/responsiveslides.min.js"></script>
			  <script>
			    // You can also use "$(window).load(function() {"
				    $(function () {
				      // Slideshow 1
				      $("#slider1").responsiveSlides({
				        maxwidth: 2500,
				        speed: 600
				      });
				});
			  </script>
	 </head>
	<body>
		<!---start-header---->
		<div class="header">
			<div class="wrap">
			<div class="logo">
				<a href="index.html"><img src="images/logo.png" title="logo" /></a>
			</div>
			<div class="top-nav">
				<ul>
					<li class="active"><a href="index.html">首页</a></li>
					<li><a href="about.html">关于我们</a></li>
					<li><a href="services.html">服务</a></li>
					<li><a href="plans.html">我要下单</a></li>
					<li><a href="contact.html">联系我们</a></li>
	                      <li><a href="file:///C:/Users/Administrator/Desktop/%E7%AC%AC%E5%9B%9B%E6%AC%A1%E9%A1%B9%E7%9B%AE%E6%88%91%E7%9A%84%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86/%E6%B3%A8%E5%86%8C%E9%83%A8%E5%88%86/%E7%99%BB%E5%BD%95/login.html">登录</a></li>
	                      <li><a href="file:///C:/Users/Administrator/Desktop/%E7%AC%AC%E5%9B%9B%E6%AC%A1%E9%A1%B9%E7%9B%AE%E6%88%91%E7%9A%84%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86/%E6%B3%A8%E5%86%8C%E9%83%A8%E5%88%86/%E6%B3%A8%E5%86%8C/register.html">注册</a></li>
				</ul>
			</div>
			<div class="clear"> </div>
		</div>
	</div>
	<!---End-header---->
	<!--start-image-slider---->
	<div class="image-slider">
		<!-- Slideshow 1 -->
	    <ul class="rslides" id="slider1">
	      <li><img src="images/slider4.jpg" alt=""></li>
	      <li><img src="images/slider2.jpg" alt=""></li>
	      <li><img src="images/slider3.jpg" alt=""></li>
	       <li><img src="images/slider1.jpg" alt=""></li>
		   </ul>
		 <!-- Slideshow 2 -->
	</div>
	<!--End-image-slider---->
	<!---End-wrap---->
	<div class="clear"> </div>
	<!---start-content---->
	<div class="content">
		    <div class="content_top">
		    	<div class="wrap">
					<h1><a href="#">诚挚欢迎您</a></h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, </p>
					<span><a class="learnmore" href="#">LEARN MORE</a></span>
				</div>
		    </div>
	              <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
		<div class="content-grids">
			<div class="wrap">
			 <div class="grid">
				<a href="#"><img src="images/grids-img1.jpg" title="image-name" /></a>
				<h3>网点查询</h3>
				<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis non feu,aliquam hendrerit quam. Donec ut lectus vel dolor adipiscing tincnt.</p>
				<a class="button" href="#">查询</a>
			</div>
			<div class="grid">
				<a href="#"><img src="images/grids-img2.jpg" title="image-name" /></a>
				<h3>运单查询</h3>
				<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis non feu,aliquam hendrerit quam. Donec ut lectus vel dolor adipiscing tincnt.</p>
				<a class="button" href="#">查询</a>
			</div>
			<div class="grid last-grid">
				<a href="#"><img src="images/grids-img3.jpg" title="image-name" /></a>
				<h3>运费查询</h3>
				<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis non feu,aliquam hendrerit quam. Donec ut lectus vel dolor adipiscing tincnt.</p>
				<a class="button" href="#">查询</a>
			</div>
			
			<div class="clear"> </div>
		</div>
	 </div>
		<div class="specials">
			<div class="wrap">
				<div class="specials-heading">
					<h3>常见问题</h3>
				</div>
				<div class="specials-grids">
					<div class="special-grid">
						<img src="images/grids-img1.jpg" title="image-name" />
						<a href="#">禁寄物品</a>
						<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis non feu,aliquam hendrerit quam. Donec ut lectus vel dolor adipiscing tincnt.</p>
					</div>
					<div class="special-grid">
						<img src="images/grids-img2.jpg" title="image-name" />
						<a href="#">面单填写</a>
						<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis non feu,aliquam hendrerit quam. Donec ut lectus vel dolor adipiscing tincnt.</p>
					</div>
					<div class="special-grid spe-grid">
						<img src="images/grids-img3.jpg" title="image-name" />
						<a href="#">如何包装</a>
						<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis non feu,aliquam hendrerit quam. Donec ut lectus vel dolor adipiscing tincnt.</p>
					</div>
					
					<div class="clear"> </div>
				</div>
		    </div>
		</div>	
		<div class="testmonials">
			<div class="wrap">
				<div class="testmonial-grid">
					<h3>网站地图</h3>
					<p>&#34; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat luctus eros ac placerat. Quisque erat metus, facilisis non felis eu, aliquam hendrrit quam. Donec ut lectus vel dolor adipiscing tincidunt. Ut auctor diam at est iaculis, vitae interdum magna sagittis.&#34;</p>
					<a href="#"> - Lorem ipsum</a>
				</div>
			</div>
		</div>
	</div>
	<!---End-content---->
	<div class="clear"> </div>
	<!---start-footer---->
	<div class="footer">
		<div class="wrap">
		<div class="footer-grids">
			<div class="footer-grid">
				<h3>EXTRAS</h3>
				<p>Ut rutrum neque a mollis laoreet diam enim feuiat dui nec ulacoper quam felis id diam. Nunc ut tortor ligula eu petiu risus. Pelleesque conquat dignissim lacus quis altrcies.</p>
			</div>
			<div class="footer-grid">
				<h3>RECENT POSTS</h3>
				<ul>
					<li><a href="#">Vestibulum felis</a></li>
					<li><a href="#">Mauris at tellus</a></li>
					<li><a href="#">Donec ut lectus</a></li>
					<li><a href="#">vitae interdum</a></li>
				</ul>
			</div>
			<div class="footer-grid">
				<h3>USEFUL INFO</h3>
				<ul>
					<li><a href="#">Hendrerit quam</a></li>
					<li><a href="#">Amet consectetur </a></li>
					<li><a href="#">Iquam hendrerit</a></li>
					<li><a href="#">Donec ut lectus </a></li>
				</ul>
			</div>
			<div class="footer-grid footer-lastgrid">
				<h3>联系我们</h3>
				<p>Pelleesque conquat dignissim lacus quis altrcies.</p>
				<div class="footer-grid-address">
					<p>Tel.800-255-9999</p>
					<p>Fax: 1234 5678</p>
					<p>Email:<a class="email-link" href="#">info(at)yourcompany.com</a></p>
				</div>
			</div>
			<div class="clear"> </div>
		</div>
		</div>
	</div>
	<!---End-footer---->
		<div class="clear"> </div>
		<div class="copy-right">
			<p>Copyright ©2012-2015 All rights reserved.<a href="http://www.cssmoban.com/" target="_blank" title="模板之家">许智达</a></p>
		</div>
	</body>
</html>



